<template>
	<div class="public-attribute">
		
		<div class="header-fixed">
			<picture-header></picture-header>
			<picture-nav></picture-nav>
		</div>
		
		<pictur-list 
			:pictureList='pictureList'	
		>
		</pictur-list>
		
	</div>
</template>

<script>
	import axios from 'axios'
	import PictureHeader from '../../common/CommonHeader'
	import PictureNav from '../../common/CommonNav'
	import PicturList from './components/List'
	export default {
		name: 'pictures',
		components: {
			PictureHeader,
			PictureNav,
			PicturList
		},
		data () {
			return {
				pictureList: []
			}
		},
		methods: {
			getPictureData () {
				axios({
					method: 'get',
					url: '/picture_lists/allList'
				})
				.then( response=> {
					if (response.data.status == 0) {
						this.pictureList = response.data.data
					}
				})
				.catch( error=> {
					console.log('REQUEST ERROR:' + error)
				})
			}
		},
		mounted () {
			this.getPictureData()
		}
	}
</script>
